<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      class="ant-pro-table ant-pro-list ant-pro-list ant-pro-list-no-split"
    >
      <div
        class="ant-pro-card"
      >
        <div
          class="ant-pro-card-body"
          style="padding-block-start: 0;"
        >
          <div
            class="ant-pro-table-list-toolbar"
          >
            <div
              class="ant-pro-table-list-toolbar-container"
            >
              <div
                class="ant-pro-table-list-toolbar-left"
              >
                <div
                  class="ant-pro-table-list-toolbar-menu ant-pro-table-list-toolbar-inline-menu"
                >
                  <div
                    class="ant-pro-table-list-toolbar-inline-menu-item ant-pro-table-list-toolbar-inline-menu-item-active"
                  >
                    <span>
                      全部实验室
                      <span
                        class="ant-badge ant-badge-not-a-wrapper"
                      >
                        <sup
                          class="ant-scroll-number ant-badge-count ant-badge-multiple-words"
                          data-show="true"
                          style="margin-block-start: -2px; margin-inline-start: 4px; color: #1890FF; background-color: #E6F7FF;"
                          title="99"
                        >
                          <bdi>
                            <span
                              class="ant-scroll-number-only"
                              style="transition: none;"
                            >
                              <span
                                class="ant-scroll-number-only-unit current"
                              >
                                9
                              </span>
                            </span>
                            <span
                              class="ant-scroll-number-only"
                              style="transition: none;"
                            >
                              <span
                                class="ant-scroll-number-only-unit current"
                              >
                                9
                              </span>
                            </span>
                          </bdi>
                        </sup>
                      </span>
                    </span>
                  </div>
                  <div
                    class="ant-pro-table-list-toolbar-inline-menu-item"
                  >
                    <span>
                      我创建的实验室
                      <span
                        class="ant-badge ant-badge-not-a-wrapper"
                      >
                        <sup
                          class="ant-scroll-number ant-badge-count ant-badge-multiple-words"
                          data-show="true"
                          style="margin-block-start: -2px; margin-inline-start: 4px; color: #999; background-color: #eee;"
                          title="32"
                        >
                          <bdi>
                            <span
                              class="ant-scroll-number-only"
                              style="transition: none;"
                            >
                              <span
                                class="ant-scroll-number-only-unit current"
                              >
                                3
                              </span>
                            </span>
                            <span
                              class="ant-scroll-number-only"
                              style="transition: none;"
                            >
                              <span
                                class="ant-scroll-number-only-unit current"
                              >
                                2
                              </span>
                            </span>
                          </bdi>
                        </sup>
                      </span>
                    </span>
                  </div>
                </div>
              </div>
              <div
                class="ant-pro-table-list-toolbar-right"
                style="align-items: center;"
              >
                <div
                  class="ant-pro-table-list-toolbar-search"
                >
                  <span
                    class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search"
                    style="width: 200px;"
                  >
                    <span
                      class="ant-input-wrapper ant-input-group"
                    >
                      <input
                        class="ant-input ant-input-outlined"
                        placeholder="请输入"
                        type="search"
                        value=""
                      />
                      <span
                        class="ant-input-group-addon"
                      >
                        <button
                          class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only ant-input-search-button"
                          type="button"
                        >
                          <span
                            class="ant-btn-icon"
                          >
                            <span
                              aria-label="search"
                              class="anticon anticon-search"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="search"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                                />
                              </svg>
                            </span>
                          </span>
                        </button>
                      </span>
                    </span>
                  </span>
                </div>
                <div
                  style="display: flex; align-items: center; gap: 8px;"
                >
                  <button
                    class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
                    type="button"
                  >
                    <span>
                      新建实验
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div
            class="ant-list ant-list-split ant-pro-list-container"
          >
            <div
              class="ant-spin-nested-loading"
            >
              <div
                class="ant-spin-container"
              >
                <ul
                  class="ant-list-items"
                >
                  <li
                    class="ant-list-item ant-pro-list-row"
                  >
                    <div
                      class="ant-pro-list-row-header"
                    >
                      <div
                        class="ant-pro-list-row-header-option"
                      />
                      <div
                        class="ant-list-item-meta"
                      >
                        <div
                          class="ant-list-item-meta-content"
                        >
                          <h4
                            class="ant-list-item-meta-title"
                          >
                            <div
                              class="ant-pro-list-row-header-container"
                            >
                              <div
                                class="ant-pro-list-row-title"
                              >
                                实验名称1
                              </div>
                            </div>
                          </h4>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-pro-list-row-content"
                    >
                      <div
                        style="display: flex; justify-content: space-around;"
                      >
                        <div>
                          <div>
                            模型数
                          </div>
                          <div>
                            2903
                          </div>
                        </div>
                        <div>
                          <div>
                            指标数
                          </div>
                          <div>
                            3720
                          </div>
                        </div>
                        <div>
                          <div>
                            实验状态
                          </div>
                          <div>
                            <span
                              style="display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #52c41a; margin-inline-end: 8px;"
                            />
                            成功
                          </div>
                        </div>
                      </div>
                    </div>
                    <ul
                      class="ant-list-item-action"
                    >
                      <li>
                        <div>
                          <div
                            style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                          >
                            <a
                              rel="noopener noreferrer"
                              target="_blank"
                            >
                              编辑
                            </a>
                            <a
                              rel="noopener noreferrer"
                              target="_blank"
                            >
                              复制
                            </a>
                            <a
                              rel="noopener noreferrer"
                              target="_blank"
                            >
                              删除
                            </a>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </li>
                  <li
                    class="ant-list-item ant-pro-list-row"
                  >
                    <div
                      class="ant-pro-list-row-header"
                    >
                      <div
                        class="ant-pro-list-row-header-option"
                      />
                      <div
                        class="ant-list-item-meta"
                      >
                        <div
                          class="ant-list-item-meta-content"
                        >
                          <h4
                            class="ant-list-item-meta-title"
                          >
                            <div
                              class="ant-pro-list-row-header-container"
                            >
                              <div
                                class="ant-pro-list-row-title"
                              >
                                实验名称2
                              </div>
                            </div>
                          </h4>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-pro-list-row-content"
                    >
                      <div
                        style="display: flex; justify-content: space-around;"
                      >
                        <div>
                          <div>
                            模型数
                          </div>
                          <div>
                            2904
                          </div>
                        </div>
                        <div>
                          <div>
                            指标数
                          </div>
                          <div>
                            3721
                          </div>
                        </div>
                        <div>
                          <div>
                            实验状态
                          </div>
                          <div>
                            <span
                              style="display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #52c41a; margin-inline-end: 8px;"
                            />
                            成功
                          </div>
                        </div>
                      </div>
                    </div>
                    <ul
                      class="ant-list-item-action"
                    >
                      <li>
                        <div>
                          <div
                            style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                          >
                            <a
                              rel="noopener noreferrer"
                              target="_blank"
                            >
                              编辑
                            </a>
                            <a
                              rel="noopener noreferrer"
                              target="_blank"
                            >
                              复制
                            </a>
                            <a
                              rel="noopener noreferrer"
                              target="_blank"
                            >
                              删除
                            </a>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </li>
                  <li
                    class="ant-list-item ant-pro-list-row"
                  >
                    <div
                      class="ant-pro-list-row-header"
                    >
                      <div
                        class="ant-pro-list-row-header-option"
                      />
                      <div
                        class="ant-list-item-meta"
                      >
                        <div
                          class="ant-list-item-meta-content"
                        >
                          <h4
                            class="ant-list-item-meta-title"
                          >
                            <div
                              class="ant-pro-list-row-header-container"
                            >
                              <div
                                class="ant-pro-list-row-title"
                              >
                                实验名称3
                              </div>
                            </div>
                          </h4>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-pro-list-row-content"
                    >
                      <div
                        style="display: flex; justify-content: space-around;"
                      >
                        <div>
                          <div>
                            模型数
                          </div>
                          <div>
                            2905
                          </div>
                        </div>
                        <div>
                          <div>
                            指标数
                          </div>
                          <div>
                            3722
                          </div>
                        </div>
                        <div>
                          <div>
                            实验状态
                          </div>
                          <div>
                            <span
                              style="display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #52c41a; margin-inline-end: 8px;"
                            />
                            成功
                          </div>
                        </div>
                      </div>
                    </div>
                    <ul
                      class="ant-list-item-action"
                    >
                      <li>
                        <div>
                          <div
                            style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                          >
                            <a
                              rel="noopener noreferrer"
                              target="_blank"
                            >
                              编辑
                            </a>
                            <a
                              rel="noopener noreferrer"
                              target="_blank"
                            >
                              复制
                            </a>
                            <a
                              rel="noopener noreferrer"
                              target="_blank"
                            >
                              删除
                            </a>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>